.dpbox {
  width: (100/1440) * 80vw;
  height: (100/996) * 32vh;
  line-height: (100/996) * 32vh;
  border: 1px #175cb3 solid;
  box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: 0px 0px 50px #2541a2 inset;
  -moz-box-shadow: 0px 0px 50px #2541a2 inset;
  box-shadow: 0px 0px 50px #2541a2 inset;
  margin-top: (100/996) * 8vh;
  cursor: pointer;
  .lt {
    position: absolute;
    top: 0;
    left: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-left: (100/1440) * 1vw #8d9dc4 solid;
    border-top: (100/996) * 1vh #8d9dc4 solid;
  }
  .rt {
    position: absolute;
    top: 0;
    right: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-right: (100/1440) * 1vw #8d9dc4 solid;
    border-top: (100/996) * 1vh #8d9dc4 solid;
  }
  .lb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-left: (100/1440) * 1vw #8d9dc4 solid;
    border-bottom: (100/996) * 1vh #8d9dc4 solid;
  }
  .rb {
    position: absolute;
    bottom: 0;
    right: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-right: (100/1440) * 1vw #8d9dc4 solid;
    border-bottom: (100/996) * 1vh #8d9dc4 solid;
  }
  p {
    height: 100%;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #52caff;
    letter-spacing: -0.06px;
    text-align: center;
    font-weight: 400;
  }
}

._dpbox {
  width: (100/1440) * 80vw;
  height: (100/996) * 32vh;
  line-height: (100/996) * 32vh;
  border: 1px #175cb3 solid;
  box-sizing: border-box;
  position: relative;
  margin-top: (100/996) * 8vh;
  cursor: pointer;
  .lt {
    position: absolute;
    top: 0;
    left: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-left: (100/1440) * 1vw #8d9dc4 solid;
    border-top: (100/996) * 1vh #8d9dc4 solid;
  }
  .rt {
    position: absolute;
    top: 0;
    right: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-right: (100/1440) * 1vw #8d9dc4 solid;
    border-top: (100/996) * 1vh #8d9dc4 solid;
  }
  .lb {
    position: absolute;
    bottom: 0;
    left: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-left: (100/1440) * 1vw #8d9dc4 solid;
    border-bottom: (100/996) * 1vh #8d9dc4 solid;
  }
  .rb {
    position: absolute;
    bottom: 0;
    right: 0;
    width: (100/1440) * 5vw;
    height: (100/996) * 5vh;
    border-right: (100/1440) * 1vw #8d9dc4 solid;
    border-bottom: (100/996) * 1vh #8d9dc4 solid;
  }
  p {
    height: 100%;
    text-align: center;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #52caff;
    letter-spacing: -0.06px;
    text-align: center;
    font-weight: 400;
  }
}
